<!DOCTYPE html>



  


<html class="theme-next pisces use-motion" lang="zh-Hans">
<head>

  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">






  
  
    
      
    
    
      
    
  <script async src="//cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>
  <link href="//cdn.jsdelivr.net/npm/pace-js@1.0.2/themes/blue/pace-theme-minimal.css" rel="stylesheet">








<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />


















  
  
  <link href="/blog/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />


<link href="https://fonts.loli.net/css?family=EB+Garamond:400,400i,700,700i|Noto+Serif+SC:400,500,700&display=swap&subset=chinese-simplified" rel="stylesheet">




  

<link href="//cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

<link href="/blog/css/main.css?v=5.1.4" rel="stylesheet" type="text/css" />


  <link rel="apple-touch-icon" sizes="180x180" href="/blog/images/apple-touch-icon-next.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="32x32" href="/blog/images/favicon-32x32-next.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="16x16" href="/blog/images/favicon-16x16-next.png?v=5.1.4">


  <link rel="mask-icon" href="/blog/images/logo.svg?v=5.1.4" color="#222">





  <meta name="keywords" content="Adnroid,Java,Web,Hexo个人博客,NexT美化优化,Github Pages,搭建教程,demo,博客相册,文章排行榜,网站SEO" />





  <link rel="alternate" href="/blog/atom.xml" title="叶金诚的站点" type="application/atom+xml" />






<meta name="description" content="我的- 常用收藏网站                          &#x2F;* (adsbygoogle &#x3D; window.adsbygoogle || []).push({     google_ad_client: &quot;ca-pub-6857356622430344&quot;,     enable_page_level_ads: true  }); *&#x2F;   	var basepath &#x3D; &quot;&#x2F;">
<meta property="og:type" content="website">
<meta property="og:title" content="叶金诚的站点">
<meta property="og:url" content="http://idolcoder.gitee.io/blog/my-collections.html">
<meta property="og:site_name" content="叶金诚的站点">
<meta property="og:description" content="我的- 常用收藏网站                          &#x2F;* (adsbygoogle &#x3D; window.adsbygoogle || []).push({     google_ad_client: &quot;ca-pub-6857356622430344&quot;,     enable_page_level_ads: true  }); *&#x2F;   	var basepath &#x3D; &quot;&#x2F;">
<meta property="og:locale">
<meta property="og:image" content="">
<meta property="og:image" content="http://idolcoder.gitee.io/blog/my-collections_files/logo.png">
<meta property="og:image" content="http://idolcoder.gitee.io/blog/my-collections_files/weixin_hongyang.jpg">
<meta property="og:image" content="http://idolcoder.gitee.io/blog/my-collections_files/weixin_hongyang.jpg">
<meta property="og:image" content="http://idolcoder.gitee.io/blog/my-collections_files/weixin_hongyang.jpg">
<meta property="article:published_time" content="2021-03-06T17:22:06.562Z">
<meta property="article:modified_time" content="2021-03-06T17:22:06.562Z">
<meta property="article:author" content="叶金诚">
<meta property="article:tag" content="生活随笔，Android,Java,架构，智能应用">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="">



<script type="text/javascript" id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '',
    scheme: 'Pisces',
    version: '5.1.4',
    sidebar: {"position":"left","display":"post","offset":12,"b2t":false,"scrollpercent":true,"onmobile":true},
    fancybox: true,
    tabs: true,
    motion: {"enable":true,"async":true,"transition":{"post_block":"flipBounceYIn","post_header":"perspectiveRightIn","post_body":"fadeIn","coll_header":"swoopIn","sidebar":"shrinkIn"}},
    duoshuo: {
      userId: '0',
      author: '博主'
    },
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>



  <link rel="canonical" href="http://idolcoder.gitee.io/blog/my-collections.html"/>





<!-- 设置文章需要密码访问 -->
<script>
    (function(){
        if(''){
            if (prompt('请输入文章密码') !== ''){
                alert('密码错误！');
                history.back();
            }
        }
    })();
</script>

  <title> | 叶金诚的站点</title>
  









  

  
	<!-- leafacePlayer -->
	
      <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
      <meta name="baidu-site-verification" content="code-lde50FghqK" />

	

</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  

  
  
    
  

  <div class="container sidebar-position-left page-post-detail">
    <div class="headband"></div>

    <!--fork me from github-->
    <a target="_blank" rel="noopener" href="https://github.com/ShaunSheep" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#64CEAA; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta ">
    

    <div class="custom-logo-site-title">
      <a href="/blog/"  class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">叶金诚的站点</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
      
        <h1 class="site-subtitle" itemprop="description">汇贤雅叙</h1>
      
  </div>

  <div class="site-nav-toggle">
    <button>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-home">
          <a href="/blog/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-home"></i> <br />
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-categories">
          <a href="/blog/categories/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-th"></i> <br />
            
            分类
          </a>
        </li>
      
        
        <li class="menu-item menu-item-movies">
          <a href="/blog/movies/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-film"></i> <br />
            
            电影
          </a>
        </li>
      
        
        <li class="menu-item menu-item-图书">
          <a href="/blog/books/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-calendar"></i> <br />
            
            图书
          </a>
        </li>
      
        
        <li class="menu-item menu-item-archives">
          <a href="/blog/archives/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-question-circle"></i> <br />
            
            归档
          </a>
        </li>
      
        
        <li class="menu-item menu-item-links">
          <a href="/blog/links/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-link"></i> <br />
            
            友链
          </a>
        </li>
      
        
        <li class="menu-item menu-item-about">
          <a href="/blog/about/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-user"></i> <br />
            
            关于
          </a>
        </li>
      

      
        <li class="menu-item menu-item-search">
          
            <a href="javascript:;" class="popup-trigger">
          
            
              <i class="menu-item-icon fa fa-search fa-fw"></i> <br />
            
            搜索
          </a>
        </li>
      
    </ul>
  

  
    <div class="site-search">
      
  <div class="popup search-popup local-search-popup">
  <div class="local-search-header clearfix">
    <span class="search-icon">
      <i class="fa fa-search"></i>
    </span>
    <span class="popup-btn-close">
      <i class="fa fa-times-circle"></i>
    </span>
    <div class="local-search-input-wrapper">
      <input autocomplete="off"
             placeholder="搜索..." spellcheck="false"
             type="text" id="local-search-input">
    </div>
  </div>
  <div id="local-search-result"></div>
</div>



    </div>
  
</nav>


 </div>
    </header>

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    
    
    
    <div class="post-block page">
      <header class="post-header">

	<h2 class="post-title" itemprop="name headline"></h2>



</header>

      
      
      
      <div class="post-body">
        
        
          <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/hint.css/2.4.1/hint.min.css"><!DOCTYPE html>
<html><div id="translate-button" style="background-color: white;"><img src=""></div><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> 我的- 常用收藏网站</title>

<meta name="baidu-site-verification" content="AjVAHSzyrE">
<meta name="author" content="lmj">
<meta data-vue-meta="true" data-vmid="keywords" name="keywords" content="玩Android,学Android,wanandroid,xueandroid,Android知识体系,Android开发工具,自定义View">
<meta data-vue-meta="true" data-vmid="description" name="description" content="玩Android是一个每日推荐20~30篇Android优质文章的站点，提供Android常用工具和常用网站，并以知识体系的形式展现所有的文章分类。">

<link rel="shortcut icon" href="https://www.wanandroid.com/resources/image/favicon.ico">
<link rel="stylesheet" type="text/css" href="my-collections_files/reset.css">
<link rel="stylesheet" type="text/css" href="my-collections_files/jquery.css">
<link rel="stylesheet" type="text/css" href="my-collections_files/iconfont.css">
<link rel="stylesheet" type="text/css" href="my-collections_files/dialog.css">
<link rel="stylesheet" type="text/css" href="my-collections_files/common.css">
<link rel="stylesheet" type="text/css" href="my-collections_files/header.css">
<!-- jieri -->
<link rel="stylesheet" type="text/css" href="my-collections_files/surprise.css">
<!-- -->
<script src="my-collections_files/hm.js"></script><script type="text/javascript" src="my-collections_files/jquery-1.js"></script>
<script type="text/javascript" src="my-collections_files/jquery-migrate-1.js"></script>
<script type="text/javascript" src="my-collections_files/jquery.js"></script>
<script type="text/javascript" src="my-collections_files/common.js"></script>

<!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
<script>

 /* (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-6857356622430344",
    enable_page_level_ads: true
 }); */
</script>
<script type="text/javascript">
	var basepath = "/";
	var _debug = true;
</script>
<script type="text/javascript">
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "https://hm.baidu.com/hm.js?90501e13a75bb5eb3d067166e8d2cad8";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
</script>
</head><body><span style="display: none;" id="basepath">/</span>

<link rel="stylesheet" type="text/css" href="my-collections_files/navi.css">



<div class="e">
    <!-- header -->
    <div id="10086"></div>
    



	<!-- <style type="text/css">
		html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
	</style> -->

<div class="header">
	<div>
	    <div class="logo">
	    		<a target="_blank" rel="noopener" href="https://www.wanandroid.com/">
	    			<img title="玩安卓" id="logo_img" src="my-collections_files/logo.png" alt="wan android logo" width="68px" height="50px">
	    		</a>
	    	</div>
	    <div class="nav">
	        <ul>
	            <li id="index"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/index">首页</a></li>
	            	<li id="userArticle"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/user_article">广场</a></li> 
	            <li id="navi" class="active"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/navi">导航</a></li>
	            <li id="wenda"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/wenda">问答</a></li>
	            	<li id="hierarchy"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/tree">体系</a></li>
	            <li id="projectIndex"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/projectindex">项目</a></li> 
	            <li id="wxarticle"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/wxarticle">公众号</a></li>
	            <li id="project"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/project">项目分类</a></li> 
	           
	            <li id="tools"><a target="_blank" rel="noopener" href="https://www.wanandroid.com/tools">工具</a></li>
	            
	            
	            
	        </ul>
	    </div>
	    <div class="nav_login">
	    	
		    	<ul class="loginNav">
		            <li><a onclick="showLoginDialog()">登录</a></li>
		            <li>·</li>
		            <li><a onclick="showRegisterDialog()">注册</a></li>
		        </ul>
	    	
	        
		   <div class="header_inbox">
			   
		        
			        <a target="_blank" href="https://www.wanandroid.com/message/lg/history/list/1">
			       		<span class="iconfont iconxiaoxi"></span>
			        </a>
			   
     		</div>
	    </div>
	  
    
	</div>
</div>
<div class="cb"></div>


<div class="dialog_div login_dialog harame-dialog" id="loginDialog" style="display: none; top: 217px; left: 559.5px;">
    <h2 class="title" id="登录"><span>登录</span><b class="closed"></b><a href="#登录" class="header-anchor">#</a></h2>
    <div>
        <input class="normal_input" type="text" name="username" placeholder="请输入用户名">
        <input class="normal_input" type="password" name="password" placeholder="请输入密码">
        <p class="ofh">
        	<span class="toRegisterDialog" onclick="showRegister()">去注册</span>
        	<a class="find_psd" target="_blank" href="https://www.wanandroid.com/blog/show/2947">忘记密码？</a>
        </p>
        <p class="warn"></p>
        <p class="opt_p">
        		<span class="btn save">登录</span>
        	</p>
    </div>
</div>

<div class="dialog_div login_dialog harame-dialog" id="registerDialog" style="display: none; top: 53.5px; left: 559.5px;">
    <h2 class="title" id="注册"><span>注册</span><b class="closed"></b><a href="#注册" class="header-anchor">#</a></h2>
    <div>
        <input class="normal_input" type="text" name="username" placeholder="请输入用户名">
        <input class="normal_input" type="password" name="password" placeholder="请输入密码">
        <input class="normal_input" type="password" name="repassword" placeholder="请输入确认密码">
        <input class="normal_input" type="text" name="verifyCode" placeholder="请输入验证码">
        <p class="ofh"><span class="toLoginDialog" onclick="showLogin()">去登录</span></p>
		<div style="text-align: center; margin: 0px auto 10px;">
			<img src="my-collections_files/weixin_hongyang.jpg" style="width: 150px; height: 150px;">
			<ul style="font-size: 14px;">
				<li>扫码关注公众号</li>
				<li style="margin-top: 12px;">发送“<span style="color: red;">我爱安卓</span>”
				</li>
				<li>即可获取验证码</li>
			</ul>
		</div>        
        <p class="warn"></p>
        <p class="opt_p">
        		<span class="btn save">注册</span>
        	</p>
    </div>
</div>
<script type="text/javascript">
function showLogin(){
	$("#registerDialog").harameDialog("close");
	$("#loginDialog").harameDialog("open");
}
function showRegister(){
    $("#loginDialog").harameDialog("close");
	$("#registerDialog").harameDialog("open");
}

$(document).ready(function(){
	$("#loginDialog, #registerDialog").harameDialog({
	    closedOnClickOverlay: false,
	    closedSelector: ".closed, .btn.disabled"
	});
	$("#loginDialog input[name='password']").keyup(function(){
		if(13==event.which || 13==event.keyCode){
			$("#loginDialog .save").trigger("click");
		}
	});
	$("#registerDialog input[name='repassword']").keyup(function(){
		if(13==event.which || 13==event.keyCode){
			$("#registerDialog .save").trigger("click");
		}
	});
	$("#loginDialog .save").click(function(){
		var $dom = $("#loginDialog");
		var username = $.trim($dom.find("input[name='username']").val());
		var password = $dom.find("input[name='password']").val();
		
		if( username.length<3){
			$dom.find("input[name='username']").focus();
			$dom.find(".warn").html("用户名至少 3 位");
			return false;
		}
		if(password.length < 6){
			$dom.find("input[name='password']").focus();
			$dom.find(".warn").html("密码至少 6 位");
			return false;
		}
		$.ajax({
	          url: basepath+"user/login",
	          type:"post",
	          data:{
        	  		username: username,
        	  		password: password
	          		},
	          success: function (results) {
	              if(0 != results.errorCode){
	            	  $dom.find(".warn").html(results.errorMsg);
	            		return;
	              }
	              $dom.harameDialog("close");
	              $(".loginNav").hide();
	              if(results.data.type == 1){
	            	  	$("#tools").after('<li id="editor"><a href="/admin/bg/">添加文章</a></li>');
	            	  	$("#userOptNav").prepend('<li><a href="/admin/bg/">后台管理</a></li>');
	              }
	              $("#tools").after('<li id="collect"><a href="/lg/collect">我的收藏</a></li>');
	              if(6 < results.data.username.length){
	            	  	$(".userNav span").html(results.data.username.substring(0,6)+"...");
	              }else{
	            	  	$(".userNav span").html(results.data.username);
	              }
	              $(".userNav").show();
	              //收藏同步
	              //var collectArr = results.data.collectIds;
	              //global.collectflag = true;
	             // if(global.callbackSuccess){
		          //    global.callbackSuccess();
	             // }
	              //collectInStep($(".listArticle .collect"), "artid", collectArr);
	              //window.location.href = "/index";
	              location.reload();      
	          }, 
	          error:function(){
	        	  	$dom.find(".warn").html("网络异常");
	          }
	      });
		
	});
	
	$("#registerDialog .save").click(function(){
		var $dom = $("#registerDialog");
		var username = $.trim($dom.find("input[name='username']").val());
		var password = $dom.find("input[name='password']").val();
		var repassword = $dom.find("input[name='repassword']").val();
		var verifyCode = $dom.find("input[name='verifyCode']").val();

		
		if( 3 > username.length){
			$dom.find("input[name='username']").focus();
			$dom.find(".warn").html("用户名最少3位");
			return false;
		}
		if( 50 < username.length){
			$dom.find("input[name='username']").focus();
			$dom.find(".warn").html("用户名不超过50位");
			return false;
		}
		if(password.length < 6){
			$dom.find("input[name='password']").focus();
			$dom.find(".warn").html("密码至少 6 位");
			return false;
		}
		if(password != repassword){
			$dom.find("input[name='repassword']").focus();
			$dom.find(".warn").html("确认密码与密码不符");
			return false;
		}
		if(verifyCode.length <=0){
			$dom.find("input[name='verifyCode']").focus();
			$dom.find(".warn").html("验证码不能为空");
			return false;
		}
		
		$.ajax({
	          url: basepath+"user/registerV2",
	          type:"post",
	          data:{
	        	  	username: username,
      	  		password: password,
      	  		repassword: repassword,
      	  		verifyCode:verifyCode
	          		},
	          success: function (results) {
	              if(0 != results.errorCode){
	            	  	$dom.find(".warn").html(results.errorMsg);
	            		return;
	              }
	              $dom.harameDialog("close");
	              $(".loginNav").hide();
	              if(results.data.type == 1){
	            	  	$("#tools").after('<li id="editor"><a href="/admin/bg/">添加文章</a></li>');
	            	  	$("#userOptNav").prepend('<li><a href="/admin/bg/">后台管理</a></li>');
	              }
	              $("#tools").after('<li id="collect"><a href="/lg/collect">我的收藏</a></li>');
	              if(6 < results.data.username.length){
	            	  	$(".userNav span").html(results.data.username.substring(0,6)+"...");
	              }else{
	            	  	$(".userNav span").html(results.data.username);
	              }
	              $(".userNav").show();
	            //收藏同步
	             // var collectArr = results.data.collectIds;
	              //collectInStep($(".listArticle .collect"), "artid", collectArr);
	             // global.collectflag = true;
	              //window.location.href = "/index";
	              location.reload();      
	          }, 
	          error:function(){
	        	  	$dom.find(".warn").html("网络异常");
	          }
	      });
		
	});
});
</script>


<div class="login_dialog dialog_div harame-dialog" id="wxDialog" style="display: none; top: 170.5px; left: 559.5px;">
    <h2 class="title" id="解锁回答区域"><span>解锁回答区域</span><b class="closed"></b><a href="#解锁回答区域" class="header-anchor">#</a></h2>
            
           	<div style="text-align: center;margin: 0px auto 10px;">
	            <img src="my-collections_files/weixin_hongyang.jpg" style="width: 150px;height:150px;">
	            <ul style="font-size: 14px;">
	            		<li>扫码关注公众号</li>
	            		<li style="margin-top: 12px;">发送“<span style="color: red;">我爱安卓</span>”</li>
	            </ul>
	            <input type="text" name="wxcode" placeholder="输入返回的验证码" style="font-size:14px;height: 20px;line-height: 20px;margin-top: 12px;border: 1px solid #adadad;margin-bottom: 12px;">
	        		<p style="font-size: 12px;color:#666;">若你登陆，将永久解锁；<br>若未登录，仅本机解锁。</p>
	        		<p class="warn" style="color: red;display: none;font-size: 14px;"></p>
	        		<p class="opt_p">
	                <span class="btn save" style="width: 80%;font-size: 16px;line-height: 36px;height: 36px;">解锁回答区域</span>
	            </p>
            </div>
</div>
<script type="text/javascript">

$(document).ready(function(){
	$("#wxDialog").harameDialog({
	    closedOnClickOverlay: false,
	    closedSelector: ".closed, .btn.disabled"
	});
	
	$("#wxDialog .save").click(function(){
		var $dom = $("#wxDialog");
		var wxcode = $.trim($dom.find("input[name='wxcode']").val());
		if(wxcode == ""){
			$dom.find(".warn").show();
       	  	$dom.find(".warn").html("验证码不能为空");
       	  	return;
		}
		$.ajax({
	          url: basepath+"auth/wenda",
	          type:"get",
	          data:{wxcode: wxcode},
	          success: function (results) {
	              if(0 != results.errorCode){
	            	  	  $dom.find(".warn").show();
		            	  $dom.find(".warn").html(results.errorMsg);
		            	  $dom.find("input[name='wxcode']").val("")
		            	return;
		          }
	              localStorage.setItem("wanandroid.wenda.comments", 1);
	              location.reload();      
	          }, 
	          error:function(){
	        	    $dom.find(".warn").show();
	        	  	$dom.find(".warn").html("网络异常");
	          }
	      });
		
	});
	
});
</script>



<div class="login_dialog dialog_div harame-dialog" id="wxRegisterDialog" style="display: none; top: 224px; left: 559.5px;">
	<h2 class="title" id="获取注册验证码">
		<span>获取注册验证码</span><b class="closed"></b>
	<a href="#获取注册验证码" class="header-anchor">#</a></h2>

	<div style="text-align: center; margin: 0px auto 10px;">
		<img src="my-collections_files/weixin_hongyang.jpg" style="width: 150px; height: 150px;">
		<ul style="font-size: 14px;">
			<li>扫码关注公众号</li>
			<li style="margin-top: 12px;">发送“<span style="color: red;">我爱安卓</span>”
			</li>
			<li>即可获取验证码</li>
		</ul>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$("#wxRegisterDialog").harameDialog({
			closedOnClickOverlay : false,
			closedSelector : ".closed, .btn.disabled"
		});
	});
</script>


<script type="text/javascript">
function activenav(id){
    $("#"+ id).addClass("active");
}

function showLoginDialog(){
	$("#loginDialog").harameDialog("open");
	$("#loginDialog input[name='username']").focus();
}

function showWxDialog(){
	$("#wxDialog").harameDialog("open");
}
function showRegisterDialog(){
	$("#registerDialog").harameDialog("open");
	$("#registerDialog input[name='username']").focus();
}

function showWxRegisterDialog(){
	$("#wxRegisterDialog").harameDialog("open");
}
$(document).ready(function(){
	$(".userNav span").mouseenter(function(){
		$(this).parents(".userNav").find("div").show();
	});
	$(".userNav").mouseleave(function(){
		$(this).find("div").hide();
	});
	$("form[name='searchForm']").find(".search").click(function(){
		var k = $.trim($("form[name='searchForm']").find("input").val());
		console.log(k);
		if(k == "关闭新年皮肤"){
			localStorage.setItem("wanandroid.index.close_newyear",1)
			location.reload();
			return false;
		}
		if(k == "打开新年皮肤"){
			localStorage.setItem("wanandroid.index.close_newyear",0)
			location.reload();
			return false;
		}
		
		if(0 < k.length){
			if(100 < k.length){
				k = k.substring(0,100);
				$("form[name='searchForm']").find("input").val(k)
			}
			$("form[name='searchForm']").submit();
		}
	});
	$("form[name='searchForm']").find("input").focus(function(){
		$(this).parent("form").addClass("active");
	}).blur(function(){
	 	$(this).parent("form").removeClass("active");
	 });
	
});
</script>
    <div class="e_container mt30"><!-- 内容主体 -->
    		<div class="block">
    			
	    		<div class="navi_search">
			    <div class="navi_module">
		            <div>
		            		<div class="search_tab searchTab">
		            			<div class="show_more_evn showMoreEvn">
				            		<span id="searchENV" class="search_env" icon="baidu"></span>
				            		<b class="search_env_more_btn searchEnvMoreBtn"></b>
			            		</div>
			            		<div id="searchTabList" class="search_tab_list" style="display: none;">
			            			<ul>
						             <li class="baidu active" name="baidu" k="0" title="百度"></li>
						             <li class="google" name="google" k="1" title="谷歌"></li>
						             <li class="github" name="github" k="2" title="Github"></li>
						             <li class="sogou" name="sogou" k="3" title="搜狗"></li>
						             <li class="so" name="so" k="4" title="360搜索"></li>
						             <li class="bing" name="bing" k="5" title="必应"></li>
						             <li class="wanandroid" name="wanandroid" k="6" title="站内搜索">站内搜索</li>
						             <li class="weixinhao" name="weixinhao" k="7" title="微信号"></li>
						             <li class="weixinwenzhang" name="weixinwenzhang" k="8" title="微信文章"></li>
						             <li class="dogedoge" name="dogedoge" k="9" title="dogedoge">dogedoge</li>
						             
						        </ul>
			            		</div>
		            		</div>
		            		<div class="search_tab">
			                <input id="searchText" class="normal_input" type="text" k="0" placeholder="请输入搜索内容">
			                <span id="searchBtn" class="btn">搜索</span>
			                <div id="searchResultList" class="search_result_list" style="display: none;">
			            			<ul></ul>
			            		</div>
		                </div>
		            </div>
			    </div>
				
			</div>
			
		 	<div class="navi_content">
		 		<div class="area_l">
		 			<div class=" tab_div">
			 			<ul class="tab_list area">
			 				 
				 			
				 				
				 					<li><a href="#10086">常用网站</a></li>
				 				
				 				
					        
				 				
				 				
				 					<li><a href="#398">速查</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#393">查看源码</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#528">优秀的博客</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#274">个人博客</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#281">公司博客</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#430">Flutter</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#280">开发社区</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#275">常用工具</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#527">官方信息</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#278">互联网资讯</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#276">在线学习</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#300">互联网统计</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#301">快速开发</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#366">在线文档</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#369">短视频SDK</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#277">开放平台</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#299">创意&amp;素材</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#291">WebView内核</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#290">后端云</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#279">求职招聘</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#282">应用加固</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#283">三方支付</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#284">推送平台</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#285">三方分享</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#286">地图平台</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#288">IM即时通讯</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#289">Bug管理</a></li>
				 				
					        
				 				
				 				
				 					<li><a href="#287">直播SDK</a></li>
				 				
					        
			            </ul>
		            </div>
		 		</div>
		 		<div class="area_r">
		 		
		 		<!-- 对话式链接 start-->
			    


<!-- 对话式链接 start-->

	<div class="block" style="margin-bottom: 20px;box-shadow: 0 0px 0px 0 rgba(0,0,0,.05);">
		
		<ul class="lead_list" style="color: #767676; font-size: 0.8em; float: left;">
			<li style="overflow: visible; white-space: normal; height: auto;list-style-type: none;">
			
			
				
								你可以自己<a style="cursor: pointer; color: white; background-color: #1b93fb; padding: 3px; margin: 4px; font-size: 12px; border-radius: 3px;" href="https://wanandroid.com/blog/show/2" target="_blank">写一个app</a> ,
					

				
								<a style="cursor: pointer; color: white; background-color: #1b93fb; padding: 3px; margin: 4px; font-size: 12px; border-radius: 3px;" href="https://www.wanandroid.com/user_article/add" target="_blank">分享文章</a>给大家 ,
					

				
								看看<a style="cursor: pointer; color: white; background-color: #1b93fb; padding: 3px; margin: 4px; font-size: 12px; border-radius: 3px;" href="https://www.wanandroid.com/article/list_by_chapter/1?cid=73" target="_blank">面试题</a> ,
					

				
								学习<a style="cursor: pointer; color: white; background-color: #1b93fb; padding: 3px; margin: 4px; font-size: 12px; border-radius: 3px;" href="https://www.wanandroid.com/wenda" target="_blank">每日一问</a> ,
					

				
								观摩<a style="cursor: pointer; color: white; background-color: #1b93fb; padding: 3px; margin: 4px; font-size: 12px; border-radius: 3px;" href="https://www.wanandroid.com/article/list_by_chapter/1?cid=510" target="_blank">大厂对外分享</a> ,
					

				
								<a style="cursor: pointer; color: white; background-color: #1b93fb; padding: 3px; margin: 4px; font-size: 12px; border-radius: 3px;" href="http://www.wanandroid.com/article/query?k=%E9%80%9F%E6%9F%A5" target="_blank">速查</a>一些信息 
					。

				
			</li>
		</ul>
	</div>

<!-- 对话式链接 end-->
			    <!-- 对话式链接 end-->
		 		
		 		 
		 		
		 		
				    <div class="area navi_div">
			 			<h3 id="常用网站">常用网站<a href="#常用网站" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://developers.google.cn/" target="_blank">Google开发者</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.github.com/" target="_blank">Github</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/" target="_blank">掘金</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.csdn.net/" target="_blank">CSDN</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jianshu.com/" target="_blank">简书</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.androidweekly.cn/" target="_blank">开发技术周报</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://toutiao.io/" target="_blank">开发者头条</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://segmentfault.com/t/android" target="_blank">segmentfault</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.androiddevtools.cn/" target="_blank">androiddevtools</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://gank.io/" target="_blank">干货集中营</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://a.codekk.com/" target="_blank">CodeKK</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://xiaozhuanlan.com/" target="_blank">小专栏</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/article/list/0?cid=176" target="_blank">国内大牛</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://github.com/android-cn/android-dev-com" target="_blank">国外大牛</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.androidos.net.cn/sourcecode" target="_blank">Android源码</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://leetcode.com/" target="_blank">leetcode</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://dl.google.com/dl/android/maven2/index.html" target="_blank">google mvn仓库</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://mvnrepository.com/artifact/com.google.code.gson/gson" target="_blank">maven仓库</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://maven.aliyun.com/mvn/search" target="_blank">maven仓库 阿里云托管</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://aospxref.com/" target="_blank">在线Android源码(引用)</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://developer.android.google.cn/reference/kotlin/android/widget/TextView?hl=en" target="_blank">Android Sdk 查看</a>
				            		
				            		</li>
									<li> 
				            			<a href="http://mindhacks.cn/2011/11/04/how-to-interview-a-person-for-two-years/" target="_blank">刘未鹏</a>
				            		
				            		</li>
									<li> 
				            			<a href="https://www.cnblogs.com/xinz/archive/2011/08/07/2129751.html" target="_blank">邹欣</a>
				            		
				            		</li>
									<li> 
				            			<a href="https://blog.codingnow.com/2019/07/top_programmer.html" target="_blank">云风</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="速查">速查<a href="#速查" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2241" target="_blank">速查 | Android 构建流程</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2248" target="_blank">速查 | GitFlow 流程</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jianshu.com/p/a106e8c72eed" target="_blank">速查 | Android 混淆流程及产物（译文）</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2276" target="_blank">速查 | 屏幕尺寸和密度 分布</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2275" target="_blank">速查 | Android 版本分布</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2277" target="_blank">速查 | Java 字节码</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2304" target="_blank">速查 | Fragment 生命周期</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2303" target="_blank">速查 | Activity 生命周期</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2309" target="_blank">速查 | adb 常用命令</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2310" target="_blank">速查 | ADB 用法大全</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/blog/show/2314" target="_blank">速查 | 第三方依赖冲突</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.wanandroid.com/blog/show/2350" target="_blank">速查 | ascii 码表</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="查看源码">查看源码<a href="#查看源码" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://androidxref.com/" target="_blank">androidxref</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.androidos.net.cn/sourcecode" target="_blank">androidos 源码站</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://aospxref.com/" target="_blank">AOSP源码</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://cs.android.com/" target="_blank"> 官方源码网站</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="优秀的博客">优秀的博客<a href="#优秀的博客" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/5a3ba9375188252bca050ade" target="_blank">jsonchao</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://blog.csdn.net/carson_ho" target="_blank">carson_ho</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/5939433efe88c2006afa0c6e/posts" target="_blank">杨充</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://blog.csdn.net/u011387817" target="_blank">陈小缘</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/586eff908d6d81005879507d/posts" target="_blank">秉心说TM</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/5b42c0656fb9a04fe727eb37/posts" target="_blank">张风捷特列</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/582aca2ba22b9d006b59ae68/posts" target="_blank">恋猫de小郭</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/587377ec61ff4b005c4d4189" target="_blank">承香墨影</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/56949a9960b2e058a42be0ba/posts" target="_blank">依然范特稀西</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://blog.csdn.net/qq_17766199" target="_blank">唯鹿</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jianshu.com/u/ae6d42bbd950" target="_blank">Geekholt</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jianshu.com/u/683403c18f98" target="_blank">TeaOf </a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/58d61e81128fe1006cc0ae0b/posts" target="_blank">蓝师傅_Android</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/58d9d015ac502e0058df1f96/posts" target="_blank">ZYLAB</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/588555ff1b69e600591e8462/posts" target="_blank">却把清梅嗅</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/57c7f6870a2b58006b1cfd6c/posts" target="_blank">Flywith24</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jianshu.com/u/49b1311b5074" target="_blank">susion哒哒</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/576f506a2e958a0078e5af0a/posts" target="_blank">glumes音视频</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://blog.csdn.net/a360940265a" target="_blank">志 （opengl/opencv&amp; 设备）</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jianshu.com/u/35083fcb7747" target="_blank">红橙Darren</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/59dd8de0f265da430f3111d3/posts" target="_blank">大大纸飞机</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://zhujiang.blog.csdn.net/" target="_blank">Zhujiang</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/5a6d2293518825734a74ed4c/posts" target="_blank"> 舒大飞</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/598feef55188257d592e56ed/posts" target="_blank">xuexiangjys</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://blog.csdn.net/u012932409" target="_blank">cczhengv（ROM）</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jianshu.com/u/03fac4a1b107" target="_blank">wildma</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://blog.csdn.net/huangliniqng" target="_blank">黄林晴</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/5ccf8b8c6fb9a031f525d89f/posts" target="_blank">瘦肉精</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://juejin.im/user/574b9583c4c97100548fa056/posts" target="_blank">Chsmy</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.wenyingzhi.com/mu-lu/shu-ju-lei-xing" target="_blank">wenyingzhi的博客站点</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="个人博客">个人博客<a href="#个人博客" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/luoshengyang/" target="_blank">罗升阳</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.cnblogs.com/innost/" target="_blank">邓凡平</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/guolin_blog" target="_blank">郭霖</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/lmj623565791" target="_blank">鸿洋</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/aigestudio" target="_blank">AigeStudio</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/qibin0506" target="_blank">亓斌</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/eclipsexys" target="_blank">徐医生</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.ruanyifeng.com/blog/" target="_blank">阮一峰</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/bboyfeiyu" target="_blank">MrSimp1e</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/ns_code" target="_blank">兰亭风雨</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://hukai.me/" target="_blank">胡凯</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://droidyue.com/" target="_blank">技术小黑屋</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://liuwangshu.blog.csdn.net/" target="_blank">刘望舒</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/singwhatiwanna" target="_blank">任玉刚</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://kymjs.com/" target="_blank">张涛</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://weishu.me/archives/" target="_blank">Weishu</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://gityuan.com/" target="_blank">gityuan</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.gcssloop.com/timeline" target="_blank">GcsSloop</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wjdiankong.cn/" target="_blank">尼古拉斯.赵四</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://hencoder.com/" target="_blank">hencoder</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.jowanxu.top/archives/" target="_blank">叫我旺仔</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://blog.csdn.net/qq_17250009/" target="_blank">一口仨馍</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://guolei1130.github.io/" target="_blank">_StriveG 博客</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://prototypez.github.io/" target="_blank">prototypez</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.androidperformance.com/" target="_blank">Gracker_Gao的个人博客</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://toughcoder.net/" target="_blank">稀有猿诉</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://wl9739.github.io/archives/" target="_blank">Eateeer的笔记屋</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://yrom.net/archives/" target="_blank">yrom</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://kaedea.com/" target="_blank">kaedea</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://yifeiyuan.me/" target="_blank">程序亦非猿</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://pqpo.me/" target="_blank">pqpo</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://yutiantina.github.io/archives/" target="_blank">天晴日无风</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://blog.imallen.wang/" target="_blank">AllenWang的个人博客</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://wossoneri.github.io/archives/" target="_blank">Wossoneri`s Blog</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://luyao.tech/categories/nowinandroid" target="_blank">Now in Android | 秉心说的技术博客</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://yhaowa.gitee.io/" target="_blank">王英豪的博客</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="公司博客">公司博客<a href="#公司博客" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://tech.meituan.com/" target="_blank">美团点评</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://joyrun.github.io/" target="_blank">悦跑圈技术团队</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://tech.youzan.com/" target="_blank">有赞技术团队</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://zhuanlan.zhihu.com/p/56086941" target="_blank">网易云音乐开发组</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://zhuanlan.zhihu.com/hackers" target="_blank">知乎技术专栏</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="flutter">Flutter<a href="#flutter" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://flutter.cn/" target="_blank">Flutter 社区中文</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://guoshuyu.cn/home/wx/Flutter-1.html" target="_blank">Flutter 教程</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://flutterchina.club/get-started/install/" target="_blank">Flutter 中文网</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://flutter.io/get-started/install/" target="_blank">Flutter官网</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://book.flutterchina.club/intro.html" target="_blank">Flutter实战</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="开发社区">开发社区<a href="#开发社区" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://juejin.im/timeline/android" target="_blank">掘金</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.oschina.net/android/" target="_blank">开源中国</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.csdn.net/" target="_blank">CSDN</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.v2ex.com/go/android" target="_blank">v2ex</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://bbs.51cto.com/forum-291-1.html" target="_blank">51cto Android论坛</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="常用工具">常用工具<a href="#常用工具" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/tools/bejson" target="_blank">JSON格式化</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/tools/digit" target="_blank">md5&amp;sha</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/tools/base64" target="_blank">base64</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/tools/qrcode" target="_blank">二维码</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/tools/color" target="_blank">取色器</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.wanandroid.com/tools/decimal" target="_blank">进制转化</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.iconfont.cn/" target="_blank">iconfont</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://tinypng.com/" target="_blank">tinypng</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://translate.google.cn/" target="_blank">在线翻译</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.pdfpai.com/" target="_blank">pdf派文档互转</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://ezgif.com/" target="_blank">视频转gif,gif优化等</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.aigei.com/bgremover/" target="_blank">图片背景透明</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="官方信息">官方信息<a href="#官方信息" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://developer.android.google.cn/studio/index.html" target="_blank">最新AS稳定版</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://developer.android.google.cn/ndk/downloads?hl=zh-cn" target="_blank">NDK 下载</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://developer.android.google.cn/about/dashboards/index.html?hl=zh-cn" target="_blank">版本、屏幕分布</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="互联网资讯">互联网资讯<a href="#互联网资讯" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://readhub.me/" target="_blank">ReadHub</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://wwv.cyzone.cn/" target="_blank">创业邦</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://36kr.com/" target="_blank">36kr</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.pingwest.com/" target="_blank">品玩</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://sspai.com/tag/android" target="_blank">少数派</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="在线学习">在线学习<a href="#在线学习" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://www.imooc.com/course/list?c=android" target="_blank">慕课网</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.jikexueyuan.com/course/android/" target="_blank">极客学院</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://ke.qq.com/course/list?mt=1001&amp;st=2003&amp;tt=3021" target="_blank">腾讯课堂</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://mooc.study.163.com/smartSpec/detail/1001319001.htm" target="_blank">人工智能</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.nowcoder.com/" target="_blank">牛客网</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="互联网统计">互联网统计<a href="#互联网统计" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://mtj.baidu.com/data/mobile/device" target="_blank">百度移动统计</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.openinstall.io/" target="_blank">openinstall</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="快速开发">快速开发<a href="#快速开发" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://qmuiteam.com/android/page/index.html" target="_blank">QMUI Android</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://github.com/jpush/aurora-imui" target="_blank">通用IM UI组件</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="在线文档">在线文档<a href="#在线文档" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://docs.qq.com/" target="_blank">腾讯文档</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://yuque.com/" target="_blank">阿里文档语雀</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="短视频sdk">短视频SDK<a href="#短视频sdk" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://www.upyun.com/products/short-video" target="_blank">又拍云短视频</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="开放平台">开放平台<a href="#开放平台" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://www.upyun.com/" target="_blank">又拍云</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.bmob.cn/" target="_blank">bmob后端云</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://fir.im/" target="_blank">fir.im</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.rongcloud.cn/" target="_blank">融云</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.easemob.com/" target="_blank">环信</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.xfyun.cn/" target="_blank">讯飞开放平台</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.faceplusplus.com.cn/" target="_blank">Face++</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.qiniu.com/" target="_blank">七牛云</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.pgyer.com/" target="_blank">蒲公英</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://bugly.qq.com/v2/" target="_blank">bugly</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.juhe.cn/" target="_blank">聚合数据</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://dev.mi.com/doc/?page_id=1670" target="_blank">小米推送</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.jiguang.cn/" target="_blank">极光推送</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://tutucloud.com/" target="_blank">涂图</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://xg.qq.com/xg" target="_blank">腾讯信鸽</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.umeng.com/" target="_blank">UMeng</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="创意amp素材">创意&amp;素材<a href="#创意amp素材" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://baozoumanhua.com/" target="_blank">暴走漫画制作器</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://unsplash.com/" target="_blank">无版权素材站</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.iconfont.cn/" target="_blank">iconfont</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://iconstore.co/" target="_blank">iconstore</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.uplabs.com/android" target="_blank">Material Design设计模板与素材</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://github.com/gztchan/awesome-design/" target="_blank">awesome-design</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.lottiefiles.com/" target="_blank">lottie素材库</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="webview内核">WebView内核<a href="#webview内核" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://x5.tencent.com/tbs/index.html" target="_blank">腾讯x5</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="后端云">后端云<a href="#后端云" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://www.bmob.cn/" target="_blank">bmob后端云</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://leancloud.cn/" target="_blank">LeanCloud</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="求职招聘">求职招聘<a href="#求职招聘" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://www.zhaopin.com/" target="_blank">智联</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.lagou.com/" target="_blank">拉钩</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.zhipin.com/" target="_blank">Boss直聘</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="应用加固">应用加固<a href="#应用加固" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://jiagu.360.cn/" target="_blank">360加固</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://dun.163.com/product/android-reinforce" target="_blank">网易云易盾</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.ijiami.cn/" target="_blank">爱加密</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="三方支付">三方支付<a href="#三方支付" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://pay.weixin.qq.com/wiki/doc/api/index.html" target="_blank">微信</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://open.alipay.com/developmentAccess/developmentAccess.htm" target="_blank">支付宝</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="推送平台">推送平台<a href="#推送平台" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://dev.mi.com/console/appservice/push.html" target="_blank">小米推送</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://push.baidu.com/" target="_blank">百度云推送</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="三方分享">三方分享<a href="#三方分享" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://mobile.umeng.com/social" target="_blank">友盟分享</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="地图平台">地图平台<a href="#地图平台" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://lbs.amap.com/" target="_blank">高德地图</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://lbsyun.baidu.com/" target="_blank">百度地图</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://lbs.qq.com/guides/maps.html" target="_blank">腾讯地图</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="im即时通讯">IM即时通讯<a href="#im即时通讯" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="http://www.easemob.com/" target="_blank">环信</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://baichuan.taobao.com/product/im.htm" target="_blank">百川云旺</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="http://www.rongcloud.cn/" target="_blank">融云</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="bug管理">Bug管理<a href="#bug管理" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://bugly.qq.com/v2/" target="_blank">腾讯Bugly</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
				    <div class="area navi_div">
			 			<h3 id="直播sdk">直播SDK<a href="#直播sdk" class="header-anchor">#</a></h3>
			            <ul class="list_navi listNavi">
				            	
				            		<li> 
				            			<a href="https://www.upyun.com/products/live" target="_blank">又拍云 UPLive</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://www.qiniu.com/products/pili" target="_blank">七牛直播云</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://cloud.tencent.com/product/LVB" target="_blank">腾讯直播LVB</a>
				            		
				            		</li>
				            	
				            		<li> 
				            			<a href="https://cloud.baidu.com/product/lss.html" target="_blank">百度音视频LSS</a>
				            		
				            		</li>
				            	
			            </ul>
		            </div>
				
	            </div>
        		</div>
        	</div>
    </div>
    <!-- footer -->
    

<div class="footer">
	<p class="mt10">©2020&nbsp;·&nbsp;wanandroid.com&nbsp;·&nbsp;All Rights Reserved.&nbsp;
		<a target="_blank" href="http://www.beian.miit.gov.cn/">皖ICP备17022096号</a>&nbsp;
		<a target="_blank" rel="noopener" href="https://www.wanandroid.com/about">关于我们</a>
	</p>
</div>



<div id="optFixed">
	
</div>

<script type="text/javascript">
$(document).ready(function(){
	$(window).scroll(function(){		
		if($(window).scrollTop() >= 100){
			$('#optFixed').fadeIn(300);
		}else{
			$('#optFixed').fadeOut(300);
		}
	});
});
</script>


<div id="gotop">
	<span class="iconfont icongotop"></span>
</div>
<script type="text/javascript">
/**
 * 返回顶部
 */
function gotop(){
	$('html,body').animate({scrollTop:'0px'},500);
}
$(document).ready(function(){
	$(window).scroll(function(){		
		if($(window).scrollTop() >= 100){
			$('#gotop').fadeIn(300);
		}else{
			$('#gotop').fadeOut(300);
		}
	});
	$("#gotop").click(gotop);
});
</script>

</div>
<script type="text/javascript">
activenav("navi");
var urllist = [
		{"id":0,"name":"baidu","url":"https://www.baidu.com", "searchurl":"https://www.baidu.com/s?ie=UTF-8&wd="},
		{"id":1,"name":"google","url":"https://www.google.com", "searchurl":"https://www.google.com/search?ie=UTF-8&q="},
		{"id":2,"name":"github","url":"https://github.com", "searchurl":"https://github.com/search?utf8=✓&q="},
		{"id":3,"name":"sogou","url":"https://www.sogou.com", "searchurl":"https://www.sogou.com/web?ie=UTF-8&query="},
		{"id":4,"name":"so","url":"https://www.so.com", "searchurl":"https://www.so.com/s?ie=UTF-8&q="},
		{"id":5,"name":"bing","url":"http://cn.bing.com", "searchurl":"http://cn.bing.com/search?q="},
		{"id":6,"name":"wanandroid","url":"http://www.wanandroid.com", "searchurl":"http://www.wanandroid.com/article/query?k="},
		{"id":7,"name":"weixinhao","url":"http://weixin.sogou.com", "searchurl":"http://weixin.sogou.com/weixin?type=1&ie=utf8&query="},
		{"id":8,"name":"weixinwenzhang","url":"http://weixin.sogou.com", "searchurl":"http://weixin.sogou.com/weixin?type=2&ie=utf8&query="},
		{"id":9,"name":"dogedoge","url":"https://www.dogedoge.com", "searchurl":"https://www.dogedoge.com/results?q="}

	];

$(document).ready(function(){
	
	
	$(".showMoreEvn").click(function(){
		if($(this).hasClass("active")){
			$("#searchTabList").hide();
			$(this).removeClass("active")
		}else{
			$("#searchTabList").show();
			$(this).addClass("active")
		}
	});
	$("#searchTabList li").click(function(){
		$("#searchTabList").hide();
		$(".showMoreEvn").removeClass("active");
		$("#searchENV").attr("icon", $(this).attr("name"));
		$("#searchENV").html($(this).text());
		$("#searchText").attr("k", $(this).attr("k"));
		
		console.log($(this).attr("name"));
		localStorage.setItem("user_nav_choose", $(this).attr("name"));

	});
	$("#searchBtn").click(function(){
		var id = $("#searchText").attr("k");
		var searchURL = urllist[id].searchurl+$("#searchText").val();
		window.open(searchURL); 
	});
	
	$("#searchResultList ul").on("hover", "li" , function(){
		$(this).siblings().removeClass("active");
		$(this).addClass("active");
	});
	$("#searchText").keydown(function(e){
        var keycode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
       	var $sugCon =  $("#searchResultList ul");
        if(keycode == 38){ // up
			console.log("up");
			var len = $sugCon.find("li").length;
	    		if(!len || len ==0){
	    			return ;
	    		}
			var $curActive = $sugCon.find("li.active");
			var curIndex = $curActive.index();
			var preIndex = curIndex -1 ;
			if(preIndex == -1){
				preIndex = len -1;			
			}
			$curActive.removeClass("active");
			$sugCon.find("li:eq("+preIndex+")").addClass("active");
			$("#searchText").unbind("input propertychange");
			$(this).val( $sugCon.find("li.active").text());
			$("#searchText").bind("input propertychange", valChange);
	         e.preventDefault();

    			return true;
	    }else if(keycode == 40){ // down
			console.log("down");
			var len = $("#searchResultList ul").find("li").length;
	    		if(!len || len ==0){
	    			return ;
	    		}
	    		
	    		var $curActive = $sugCon.find("li.active");
			var curIndex = $curActive.index();
			var nextIndex = curIndex + 1 ;
			if(nextIndex == len){
				nextIndex = 0;			
			}
			$curActive.removeClass("active");
			$sugCon.find("li:eq("+nextIndex+")").addClass("active");
			$("#searchText").unbind("input propertychange");
			$(this).val( $sugCon.find("li.active").text());
			$("#searchText").bind("input propertychange", valChange);
			 e.preventDefault();
			return true;
	    }
	});
	
	$("#searchText").keypress(function(e){
        var keycode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
        if (keycode == 13){
        		$("#searchBtn").trigger("click");
        }
	});
	
	function valChange(){
		
		console.log("changed ==== " + $(this).val());
	    //你要触发的函数内容
		var key = $("#searchText").val();
		var url = "https://sug.so.360.cn/suggest?callback=suggest_so&encodein=utf-8&encodeout=utf-8&format=json&fields=word&word="+key;
		
		var $suggest = $("#suggestBaidu");
		if($suggest[0]){
			$suggest.remove();
		}
		$suggest= $("<script/>");
		$("head").append($suggest);	
		$suggest.attr("id","suggestBaidu")
		$suggest.attr("src",url);
		$("#searchResultList").show();
	}
	
	$("#searchText").bind("input propertychange", valChange);
	
	
	$("#searchResultList").on("click", "li", function(){
		$("#searchText").val($(this).text());
		$("#searchResultList").hide();
		$("#searchBtn").trigger("click");
	});
	
	$(document).click(function(){
		$(".showMoreEvn").removeClass("active");
	    $("#searchTabList").hide();
	    $("#searchResultList").hide();
	});
	$(".searchTab").click(function(event){
	    event.stopPropagation();
	});
	$("#searchText").click(function(event){
	    event.stopPropagation();
	});
	
	var userChooseName = localStorage.getItem("user_nav_choose");
	console.log("user choose :" + userChooseName)
	if(userChooseName){
		$("#searchTabList li[name='"+userChooseName+"']").trigger("click");
	}
});

function suggest_so(data){
	try{
		var $sugContainer = $("#searchResultList ul");
		$sugContainer.empty();
		for(var i = 0 ; i < data.result.length ; i++){
			var $li = $("<li/>");
			console.log(data.result[i].word);
			$li.text(data.result[i].word);
			$sugContainer.append($li);
		}
	}catch (e) {
		console.log(e);
	}
}
</script>

<div class="harame-dialog-overlay" style="display: none;"></div><div class="harame-dialog-overlay" style="display: none;"></div><div class="harame-dialog-overlay" style="display: none;"></div><div class="harame-dialog-overlay" style="display: none;"></div></body><div id="edge-translate-notifier-container" class="edge-translate-notifier-center"></div></html><link rel="stylesheet" href="/css/bilicard.css" type="text/css">
        
      </div>
      
      
      
    </div>
    
    
    
  </div>


          </div>
          


          

  
    <div class="comments" id="comments">
      <div id="lv-container" data-id="city" data-uid="MTAyMC81Mjc2OC8yOTI0NQ"></div>
    </div>

  





        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    
      <div id="sidebar-dimmer"></div>
    
    <div class="sidebar-inner">

      

      
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview-wrap">
            站点概览
          </li>
        </ul>
      

      <section class="site-overview-wrap sidebar-panel">
        <div class="site-overview">
          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
            
              <a href="/">
              <img class="site-author-image" itemprop="image"
                src="/blog/images/head.png"
                alt="" />
              </a>
            
              <p class="site-author-name" itemprop="name"></p>
              <p class="site-description motion-element" itemprop="description"></p>
          </div>

          <nav class="site-state motion-element">

            
              <div class="site-state-item site-state-posts">
              
                <a href="/blog/archives/">
              
                  <span class="site-state-item-count">24</span>
                  <span class="site-state-item-name">文章</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-categories">
                <a href="/blog/categories/index.html">
                  <span class="site-state-item-count">16</span>
                  <span class="site-state-item-name">分类</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-tags">
                <a href="/blog/tags/index.html">
                  <span class="site-state-item-count">14</span>
                  <span class="site-state-item-name">标签</span>
                </a>
              </div>
            

          </nav>

          
            <div class="feed-link motion-element">
              <a href="/blog/atom.xml" rel="alternate">
                <i class="fa fa-rss"></i>
                RSS
              </a>
              <!-- 为Hexo Next主题添加哈林摇特效  -->
              <a title="收藏到书签，偶尔High一下^_^" rel="alternate" class="mw-harlem_shake_slow wobble shake" href="javascript:void(0)" onclick="javascript:(function go() {function c() {var e = document.createElement('link');e.setAttribute('type', 'text/css');e.setAttribute('rel', 'stylesheet');e.setAttribute('href', f);e.setAttribute('class', l);document.body.appendChild(e)}function h(){var e = document.getElementsByClassName(l);for(var t = 0; t< e.length; t++){document.body.removeChild(e[t])}}function p(){var e = document.createElement('div');e.setAttribute('class', a);document.body.appendChild(e);setTimeout(function(){document.body.removeChild(e)},100)}function d(e){return{height:e.offsetHeight,width:e.offsetWidth}}function v(i){var s = d(i);return s.height>e &amp;&amp;s.height<n &amp;&amp; s.width>t &amp;&amp;s.width<r}function m(e){var t=e;var n=0;while(!!t){n+=t.offsetTop;t=t.offsetParent}return n}function g(){var e=document.documentElement;if(!!window.innerWidth){return window.innerHeight}else if(e &amp;&amp; !isNaN(e.clientHeight)){return e.clientHeight}return 0}function y(){if(window.pageYOffset){return window.pageYOffset}return Math.max(document.documentElement.scrollTop,document.body.scrollTop)}function E(e){var t=m(e);return t>=w &amp;&amp; t<=b+w}var songs=['https://www.liaofuzhan.com/music/无尽光芒.mp3'];function S(){var e=document.getElementById('audio_element_id');if(e!=null){var index=parseInt(e.getAttribute('curSongIndex'));if(index>songs.length-2){index=0;}else{index++;}e.setAttribute('curSongIndex',index);N();}e.src=i;e.play()}function x(e){e.className+=' '+s+' '+o}function T(e){e.className+=' '+s+' '+u[Math.floor(Math.random()*u.length)]}function N(){var e=document.getElementsByClassName(s);var t=new RegExp('\\b'+s+'\\b');for(var n=0;n<e.length;){e[n].className=e[n].className.replace(t,'')}}function initAudioEle(){var e=document.getElementById('audio_element_id');if(e===null){e=document.createElement('audio');e.setAttribute('class',l);e.setAttribute('curSongIndex',0);e.id='audio_element_id';e.loop=false;e.bgcolor=0;e.addEventListener('canplay',function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;e<O.length;e++){T(O[e])}},15500)},true);e.addEventListener('ended',function(){N();h();go();},true);e.innerHTML='<p>If you are reading this,it is because your browser does not support the audio element. We recommend that you get a new browser.</p><p>';document.body.appendChild(e);}}initAudioEle();var e=30;var t=30;var n=350;var r=350;var curSongIndex=parseInt(document.getElementById('audio_element_id').getAttribute('curSongIndex'));var i=songs[curSongIndex];var s='mw-harlem_shake_me';var o='im_first';var u=['im_drunk','im_baked','im_trippin','im_blown'];var a='mw-strobe_light';var f='https://s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css';var l='mw_added_css';var b=g();var w=y();var C=document.getElementsByTagName('*');var k=null;for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){if(E(A)){k=A;break}}}if(A===null){console.warn('Could not find a node of the right size. Please try a different page.');return}c();S();var O=[];for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){O.push(A)}}})()"><i class="fa fa-music"></i> High~</a>

            </div>
          

          
            <div class="links-of-author motion-element">
                
                  <span class="links-of-author-item">
                    <a rel="external nofollow" href="https://github.com/ShaunSheep" target="_blank" title="GitHub">
                      
                        <i class="fa fa-fw fa-github"></i></a>
                  </span>
                
                  <span class="links-of-author-item">
                    <a rel="external nofollow" href="mailto:zuogewoniu@qq.com" target="_blank" title="E-Mail">
                      
                        <i class="fa fa-fw fa-envelope"></i></a>
                  </span>
                
                  <span class="links-of-author-item">
                    <a rel="external nofollow" href="https://www.douban.com/people/jincheng-ycf/" target="_blank" title="豆瓣">
                      
                        <i class="fa fa-fw fa-stack-overflow"></i></a>
                  </span>
                
                  <span class="links-of-author-item">
                    <a rel="external nofollow" href="https://www.zhihu.com/people/OscarWildeHawking" target="_blank" title="知乎">
                      
                        <i class="fa fa-fw fa-instagram"></i></a>
                  </span>
                
            </div>
          

            <!--
            <div id="music163player">
                <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1336790004&auto=1&height=66"></iframe>
            </div>
            -->

          
          

          
          

          <!--近期文章版块 began-->
          
              <div class="links-of-blogroll motion-element links-of-blogroll-block">
                <div class="links-of-blogroll-title">
                  <i class="fa fa-history fa-" aria-hidden="true"></i>
                  近期文章
                </div>
                <ul class="links-of-blogroll-list">
                  
                  
                    <li class='my-links-of-blogroll-li'>
                      <a href="/blog/2021/05/The-most-comprehensive-thinking-of-crash-practice-strategy/" title="Android Crash实践策略最全面思考" target="_blank">Android Crash实践策略最全面思考</a>
                    </li>
                  
                    <li class='my-links-of-blogroll-li'>
                      <a href="/blog/2021/05/android-crash-who-kill-you/" title="Android Crash揭秘与实践" target="_blank">Android Crash揭秘与实践</a>
                    </li>
                  
                    <li class='my-links-of-blogroll-li'>
                      <a href="/blog/2021/04/Career-stability-experience/" title="职业稳定性杂谈" target="_blank">职业稳定性杂谈</a>
                    </li>
                  
                    <li class='my-links-of-blogroll-li'>
                      <a href="/blog/2021/02/mtk-log/" title="mtk-log" target="_blank">mtk-log</a>
                    </li>
                  
                    <li class='my-links-of-blogroll-li'>
                      <a href="/blog/2021/02/android-bugfree-three-lines/" title="BugFree三剑客异常、日志、工具" target="_blank">BugFree三剑客异常、日志、工具</a>
                    </li>
                  
                </ul>
              </div>
          
          <!--近期文章版块 end-->

          
              <!-- canvas粒子时钟 -->
              <!-- canvas粒子时钟 https://www.cnblogs.com/xiaohuochai/p/6368039.html
  https://www.html5tricks.com/html5-canvas-dance-time.html
 -->
<div id="">
  <canvas id="canvas" style="width:60%;">
</div>
<script async>
(function(){
  var WINDOW_WIDTH = 820;
  		var WINDOW_HEIGHT = 250;
  		var RADIUS = 7; //球半径
  		var NUMBER_GAP = 10; //数字之间的间隙
  		var u=0.65; //碰撞能量损耗系数
  		var context; //Canvas绘制上下文
  		var balls = []; //存储彩色的小球
  		const colors = ["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"]; //彩色小球的颜色
  		var currentNums = []; //屏幕显示的8个字符
  		var digit =
                  [
                      [
                          [0,0,1,1,1,0,0],
                          [0,1,1,0,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,0,1,1,0],
                          [0,0,1,1,1,0,0]
                      ],//0
                      [
                          [0,0,0,1,1,0,0],
                          [0,1,1,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [1,1,1,1,1,1,1]
                      ],//1
                      [
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,0,1,1,0,0,0],
                          [0,1,1,0,0,0,0],
                          [1,1,0,0,0,0,0],
                          [1,1,0,0,0,1,1],
                          [1,1,1,1,1,1,1]
                      ],//2
                      [
                          [1,1,1,1,1,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,0,1,1,1,0,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//3
                      [
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,1,0],
                          [0,0,1,1,1,1,0],
                          [0,1,1,0,1,1,0],
                          [1,1,0,0,1,1,0],
                          [1,1,1,1,1,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,1,1]
                      ],//4
                      [
                          [1,1,1,1,1,1,1],
                          [1,1,0,0,0,0,0],
                          [1,1,0,0,0,0,0],
                          [1,1,1,1,1,1,0],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//5
                      [
                          [0,0,0,0,1,1,0],
                          [0,0,1,1,0,0,0],
                          [0,1,1,0,0,0,0],
                          [1,1,0,0,0,0,0],
                          [1,1,0,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//6
                      [
                          [1,1,1,1,1,1,1],
                          [1,1,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,1,1,0,0,0],
                          [0,0,1,1,0,0,0],
                          [0,0,1,1,0,0,0],
                          [0,0,1,1,0,0,0]
                      ],//7
                      [
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//8
                      [
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,1,1,0,0,0,0]
                      ],//9
                      [
                          [0,0,0,0],
                          [0,0,0,0],
                          [0,1,1,0],
                          [0,1,1,0],
                          [0,0,0,0],
                          [0,0,0,0],
                          [0,1,1,0],
                          [0,1,1,0],
                          [0,0,0,0],
                          [0,0,0,0]
                      ]//:
                  ];

  		function drawDatetime(cxt){
  			var nums = [];

  			context.fillStyle="#005eac"
  			var date = new Date();
  			var offsetX = 70, offsetY = 30;
  			var hours = date.getHours();
  			var num1 = Math.floor(hours/10);
  			var num2 = hours%10;
  			nums.push({num: num1});
  			nums.push({num: num2});
  			nums.push({num: 10}); //冒号
  			var minutes = date.getMinutes();
  			var num1 = Math.floor(minutes/10);
  			var num2 = minutes%10;
  			nums.push({num: num1});
  			nums.push({num: num2});
  			nums.push({num: 10}); //冒号
  			var seconds = date.getSeconds();
  			var num1 = Math.floor(seconds/10);
  			var num2 = seconds%10;
  			nums.push({num: num1});
  			nums.push({num: num2});

  			for(var x = 0;x<nums.length;x++){
  				nums[x].offsetX = offsetX;
  				offsetX = drawSingleNumber(offsetX,offsetY, nums[x].num,cxt);
  				//两个数字连一块，应该间隔一些距离
  				if(x<nums.length-1){
  					if((nums[x].num!=10) &&(nums[x+1].num!=10)){
  						offsetX+=NUMBER_GAP;
  					}
  				}
  			}

  			//说明这是初始化
  			if(currentNums.length ==0){
  				currentNums = nums;
  			}else{
  				//进行比较
  				for(var index = 0;index<currentNums.length;index++){
  					if(currentNums[index].num!=nums[index].num){
  						//不一样时，添加彩色小球
  						addBalls(nums[index]);
  						currentNums[index].num=nums[index].num;
  					}
  				}
  			}
  			renderBalls(cxt);
  			updateBalls();

  			return date;
  		}

  		function addBalls (item) {
  			var num = item.num;
  			var numMatrix = digit[num];
  			for(var y = 0;y<numMatrix.length;y++){
  				for(var x = 0;x<numMatrix[y].length;x++){
  					if(numMatrix[y][x]==1){
  						var ball={
  							offsetX:item.offsetX+RADIUS+RADIUS*2*x,
  							offsetY:30+RADIUS+RADIUS*2*y,
  							color:colors[Math.floor(Math.random()*colors.length)],
  							g:1.5+Math.random(),
  							vx:Math.pow(-1, Math.ceil(Math.random()*10))*4+Math.random(),
  							vy:-5
  						}
  						balls.push(ball);
  					}
  				}
  			}
  		}

  		function renderBalls(cxt){
  			for(var index = 0;index<balls.length;index++){
  				cxt.beginPath();
  				cxt.fillStyle=balls[index].color;
  				cxt.arc(balls[index].offsetX, balls[index].offsetY, RADIUS, 0, 2*Math.PI);
  				cxt.fill();
  			}
  		}

  		function updateBalls () {
  			var i =0;
  			for(var index = 0;index<balls.length;index++){
  				var ball = balls[index];
  				ball.offsetX += ball.vx;
  				ball.offsetY += ball.vy;
  				ball.vy+=ball.g;
  				if(ball.offsetY > (WINDOW_HEIGHT-RADIUS)){
  					ball.offsetY= WINDOW_HEIGHT-RADIUS;
  					ball.vy=-ball.vy*u;
  				}
  				if(ball.offsetX>RADIUS&&ball.offsetX<(WINDOW_WIDTH-RADIUS)){

  					balls[i]=balls[index];
  					i++;
  				}
  			}
  			//去除出边界的球
  			for(;i<balls.length;i++){
  				balls.pop();
  			}
  		}
  		function drawSingleNumber(offsetX, offsetY, num, cxt){
  			var numMatrix = digit[num];
  			for(var y = 0;y<numMatrix.length;y++){
  				for(var x = 0;x<numMatrix[y].length;x++){
  					if(numMatrix[y][x]==1){
  						cxt.beginPath();
  						cxt.arc(offsetX+RADIUS+RADIUS*2*x,offsetY+RADIUS+RADIUS*2*y,RADIUS,0,2*Math.PI);
  						cxt.fill();
  					}
  				}
  			}
  			cxt.beginPath();
  			offsetX += numMatrix[0].length*RADIUS*2;
  			return offsetX;
  		}

  		var canvas = document.getElementById("canvas");
  		canvas.width=WINDOW_WIDTH;
  		canvas.height=WINDOW_HEIGHT;
  		context = canvas.getContext("2d");

  		//记录当前绘制的时刻
  		var currentDate = new Date();

  		setInterval(function(){
  			//清空整个Canvas，重新绘制内容
  			context.clearRect(0, 0, context.canvas.width, context.canvas.height);
  			drawDatetime(context);
  		}, 50)
})();
</script>

          
          

        </div>
      </section>

      
      <!--noindex-->
        <section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc">

            
              
            

            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E7%99%BB%E5%BD%95"><span class="nav-number">1.</span> <span class="nav-text">登录</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%B3%A8%E5%86%8C"><span class="nav-number">2.</span> <span class="nav-text">注册</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E8%A7%A3%E9%94%81%E5%9B%9E%E7%AD%94%E5%8C%BA%E5%9F%9F"><span class="nav-number">3.</span> <span class="nav-text">解锁回答区域</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E8%8E%B7%E5%8F%96%E6%B3%A8%E5%86%8C%E9%AA%8C%E8%AF%81%E7%A0%81"><span class="nav-number">4.</span> <span class="nav-text">
		获取注册验证码
	</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%B8%B8%E7%94%A8%E7%BD%91%E7%AB%99"><span class="nav-number">4.1.</span> <span class="nav-text">常用网站</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E9%80%9F%E6%9F%A5"><span class="nav-number">4.2.</span> <span class="nav-text">速查</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%9F%A5%E7%9C%8B%E6%BA%90%E7%A0%81"><span class="nav-number">4.3.</span> <span class="nav-text">查看源码</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BC%98%E7%A7%80%E7%9A%84%E5%8D%9A%E5%AE%A2"><span class="nav-number">4.4.</span> <span class="nav-text">优秀的博客</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2"><span class="nav-number">4.5.</span> <span class="nav-text">个人博客</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%85%AC%E5%8F%B8%E5%8D%9A%E5%AE%A2"><span class="nav-number">4.6.</span> <span class="nav-text">公司博客</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#flutter"><span class="nav-number">4.7.</span> <span class="nav-text">Flutter</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%BC%80%E5%8F%91%E7%A4%BE%E5%8C%BA"><span class="nav-number">4.8.</span> <span class="nav-text">开发社区</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%B8%B8%E7%94%A8%E5%B7%A5%E5%85%B7"><span class="nav-number">4.9.</span> <span class="nav-text">常用工具</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%AE%98%E6%96%B9%E4%BF%A1%E6%81%AF"><span class="nav-number">4.10.</span> <span class="nav-text">官方信息</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BA%92%E8%81%94%E7%BD%91%E8%B5%84%E8%AE%AF"><span class="nav-number">4.11.</span> <span class="nav-text">互联网资讯</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%9C%A8%E7%BA%BF%E5%AD%A6%E4%B9%A0"><span class="nav-number">4.12.</span> <span class="nav-text">在线学习</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BA%92%E8%81%94%E7%BD%91%E7%BB%9F%E8%AE%A1"><span class="nav-number">4.13.</span> <span class="nav-text">互联网统计</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%BF%AB%E9%80%9F%E5%BC%80%E5%8F%91"><span class="nav-number">4.14.</span> <span class="nav-text">快速开发</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%9C%A8%E7%BA%BF%E6%96%87%E6%A1%A3"><span class="nav-number">4.15.</span> <span class="nav-text">在线文档</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%9F%AD%E8%A7%86%E9%A2%91sdk"><span class="nav-number">4.16.</span> <span class="nav-text">短视频SDK</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%BC%80%E6%94%BE%E5%B9%B3%E5%8F%B0"><span class="nav-number">4.17.</span> <span class="nav-text">开放平台</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%88%9B%E6%84%8Famp%E7%B4%A0%E6%9D%90"><span class="nav-number">4.18.</span> <span class="nav-text">创意&amp;素材</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#webview%E5%86%85%E6%A0%B8"><span class="nav-number">4.19.</span> <span class="nav-text">WebView内核</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%90%8E%E7%AB%AF%E4%BA%91"><span class="nav-number">4.20.</span> <span class="nav-text">后端云</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%B1%82%E8%81%8C%E6%8B%9B%E8%81%98"><span class="nav-number">4.21.</span> <span class="nav-text">求职招聘</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%BA%94%E7%94%A8%E5%8A%A0%E5%9B%BA"><span class="nav-number">4.22.</span> <span class="nav-text">应用加固</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%B8%89%E6%96%B9%E6%94%AF%E4%BB%98"><span class="nav-number">4.23.</span> <span class="nav-text">三方支付</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%8E%A8%E9%80%81%E5%B9%B3%E5%8F%B0"><span class="nav-number">4.24.</span> <span class="nav-text">推送平台</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%B8%89%E6%96%B9%E5%88%86%E4%BA%AB"><span class="nav-number">4.25.</span> <span class="nav-text">三方分享</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%9C%B0%E5%9B%BE%E5%B9%B3%E5%8F%B0"><span class="nav-number">4.26.</span> <span class="nav-text">地图平台</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#im%E5%8D%B3%E6%97%B6%E9%80%9A%E8%AE%AF"><span class="nav-number">4.27.</span> <span class="nav-text">IM即时通讯</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#bug%E7%AE%A1%E7%90%86"><span class="nav-number">4.28.</span> <span class="nav-text">Bug管理</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%9B%B4%E6%92%ADsdk"><span class="nav-number">4.29.</span> <span class="nav-text">直播SDK</span></a></li></ol></li></ol></div>
            

          </div>
        </section>
      <!--/noindex-->
      

      

      

      <!-- 标签云 -->
      <!--
      
      <script type="text/javascript" charset="utf-8" src="/js/tagcloud.js"></script>
      <script type="text/javascript" charset="utf-8" src="/js/tagcanvas.js"></script>
      <div class="widget-wrap">
      <h3 class="widget-title">Tag Cloud</h3>
      <div id="myCanvasContainer" class="widget tagcloud">
          <canvas width="250" height="250" id="resCanvas" style="width=100%">
              <ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/Android/" rel="tag">Android</a><span class="tag-list-count">13</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/AndroidUI%E4%BC%98%E5%8C%96/" rel="tag">AndroidUI优化</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/Android%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/" rel="tag">Android性能优化</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/BugFree/" rel="tag">BugFree</a><span class="tag-list-count">4</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/Communication/" rel="tag">Communication</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/Handler/" rel="tag">Handler</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/Performance/" rel="tag">Performance</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/%E4%B8%AA%E4%BA%BA%E6%95%99%E8%82%B2/" rel="tag">个人教育</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/" rel="tag">学习方法</a><span class="tag-list-count">4</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/%E5%BC%80%E6%BA%90%E6%A1%86%E6%9E%B6/" rel="tag">开源框架</a><span class="tag-list-count">5</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/%E6%8A%80%E6%9C%AF%E9%80%89%E5%9E%8B/" rel="tag">技术选型</a><span class="tag-list-count">4</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/%E6%9D%82%E8%B0%88/" rel="tag">杂谈</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F%EF%BC%8C%E6%9D%82%E8%B0%88/" rel="tag">程序人生，杂谈</a><span class="tag-list-count">3</span></li><li class="tag-list-item"><a class="tag-list-link" href="/blog/tags/%E7%AE%97%E6%B3%95/" rel="tag">算法</a><span class="tag-list-count">1</span></li></ul>
          </canvas>
      </div>
      </div>
      
      -->
      <!-- 标签云 -->

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<div class="copyright">&copy; 2015 &mdash; <span itemprop="copyrightYear">2021</span>
  <span class="with-love">
       <i class="fa fa-heartbeat"></i>
  </span>
  <!--
    <span class="author" itemprop="copyrightHolder"> &nbsp;叶金诚</span>
  -->
  
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon">
      <i class="fa fa-area-chart"></i>
    </span>
    
      <span class="post-meta-item-text">Site words total count&#58;</span>
    
    <span title="Site words total count">111k</span>
  
</div>














  <script src='https://unpkg.com/mermaid@7.1.2/dist/mermaid.min.js'></script>
  <script>
    if (window.mermaid) {
      mermaid.initialize("");
    }
  </script>



        
<div class="busuanzi-count">
  <!--
  <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  -->
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

   

  
  
    
      <span class="site-uv">
        
        我的第 <span class="busuanzi-value" id="busuanzi_value_site_uv"></span> 位朋友，
      </span>
    

    
      <span class="site-pv">
        历经 <span class="busuanzi-value" id="busuanzi_value_site_pv"></span> 次回眸才与你相遇
        <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
      </span>
    
  

</div>








        
      </div>
    </footer>

    
    

    

  </div>

  

<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>









  










  



  
  
    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/jquery@2.1.3/dist/jquery.min.js"></script>
  

  
  
    <script type="text/javascript" src="//cdn.jsdelivr.net/fastclick/1.0.6/fastclick.min.js"></script>
  

  
  
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazyload/1.9.3/jquery.lazyload.min.js"></script>
  

  
  
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/velocity-animate@1.2.1/velocity.min.js"></script>
  

  
  
    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/velocity-animate@1.2.1/velocity.ui.min.js"></script>
  

  
  
    <script type="text/javascript" src="/blog/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
  

  
  
    <script id="ribbon" type="text/javascript" size="60" alpha="0.1"  zIndex="-1" src="/blog/lib/canvas-ribbon/canvas-ribbon.js"></script>
  


  


  <script type="text/javascript" src="/blog/js/src/utils.js?v=5.1.4"></script>

  <script type="text/javascript" src="/blog/js/src/motion.js?v=5.1.4"></script>



  
  


  <script type="text/javascript" src="/blog/js/src/affix.js?v=5.1.4"></script>

  <script type="text/javascript" src="/blog/js/src/schemes/pisces.js?v=5.1.4"></script>



  
  <script type="text/javascript" src="/blog/js/src/scrollspy.js?v=5.1.4"></script>
<script type="text/javascript" src="/blog/js/src/post-details.js?v=5.1.4"></script>



  


  <script type="text/javascript" src="/blog/js/src/bootstrap.js?v=5.1.4"></script>



  


  




	





  





  
    <script type="text/javascript">
      (function(d, s) {
        var j, e = d.getElementsByTagName(s)[0];
        if (typeof LivereTower === 'function') { return; }
        j = d.createElement(s);
        j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
        j.async = true;
        e.parentNode.insertBefore(j, e);
      })(document, 'script');
    </script>
  















  

  <script type="text/javascript">
    // Popup Window;
    var isfetched = false;
    var isXml = true;
    // Search DB path;
    var search_path = "search.xml";
    if (search_path.length === 0) {
      search_path = "search.xml";
    } else if (/json$/i.test(search_path)) {
      isXml = false;
    }
    var path = "/blog/" + search_path;
    // monitor main search box;

    var onPopupClose = function (e) {
      $('.popup').hide();
      $('#local-search-input').val('');
      $('.search-result-list').remove();
      $('#no-result').remove();
      $(".local-search-pop-overlay").remove();
      $('body').css('overflow', '');
    }

    function proceedsearch() {
      $("body")
        .append('<div class="search-popup-overlay local-search-pop-overlay"></div>')
        .css('overflow', 'hidden');
      $('.search-popup-overlay').click(onPopupClose);
      $('.popup').toggle();
      var $localSearchInput = $('#local-search-input');
      $localSearchInput.attr("autocapitalize", "none");
      $localSearchInput.attr("autocorrect", "off");
      $localSearchInput.focus();
    }

    // search function;
    var searchFunc = function(path, search_id, content_id) {
      'use strict';

      // start loading animation
      $("body")
        .append('<div class="search-popup-overlay local-search-pop-overlay">' +
          '<div id="search-loading-icon">' +
          '<i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i>' +
          '</div>' +
          '</div>')
        .css('overflow', 'hidden');
      $("#search-loading-icon").css('margin', '20% auto 0 auto').css('text-align', 'center');

      $.ajax({
        url: path,
        dataType: isXml ? "xml" : "json",
        async: true,
        success: function(res) {
          // get the contents from search data
          isfetched = true;
          $('.popup').detach().appendTo('.header-inner');
          var datas = isXml ? $("entry", res).map(function() {
            return {
              title: $("title", this).text(),
              content: $("content",this).text(),
              url: $("url" , this).text()
            };
          }).get() : res;
          var input = document.getElementById(search_id);
          var resultContent = document.getElementById(content_id);
          var inputEventFunction = function() {
            var searchText = input.value.trim().toLowerCase();
            var keywords = searchText.split(/[\s\-]+/);
            if (keywords.length > 1) {
              keywords.push(searchText);
            }
            var resultItems = [];
            if (searchText.length > 0) {
              // perform local searching
              datas.forEach(function(data) {
                var isMatch = false;
                var hitCount = 0;
                var searchTextCount = 0;
                var title = data.title.trim();
                var titleInLowerCase = title.toLowerCase();
                var content = data.content.trim().replace(/<[^>]+>/g,"");
                var contentInLowerCase = content.toLowerCase();
                var articleUrl = decodeURIComponent(data.url);
                var indexOfTitle = [];
                var indexOfContent = [];
                // only match articles with not empty titles
                if(title != '') {
                  keywords.forEach(function(keyword) {
                    function getIndexByWord(word, text, caseSensitive) {
                      var wordLen = word.length;
                      if (wordLen === 0) {
                        return [];
                      }
                      var startPosition = 0, position = [], index = [];
                      if (!caseSensitive) {
                        text = text.toLowerCase();
                        word = word.toLowerCase();
                      }
                      while ((position = text.indexOf(word, startPosition)) > -1) {
                        index.push({position: position, word: word});
                        startPosition = position + wordLen;
                      }
                      return index;
                    }

                    indexOfTitle = indexOfTitle.concat(getIndexByWord(keyword, titleInLowerCase, false));
                    indexOfContent = indexOfContent.concat(getIndexByWord(keyword, contentInLowerCase, false));
                  });
                  if (indexOfTitle.length > 0 || indexOfContent.length > 0) {
                    isMatch = true;
                    hitCount = indexOfTitle.length + indexOfContent.length;
                  }
                }

                // show search results

                if (isMatch) {
                  // sort index by position of keyword

                  [indexOfTitle, indexOfContent].forEach(function (index) {
                    index.sort(function (itemLeft, itemRight) {
                      if (itemRight.position !== itemLeft.position) {
                        return itemRight.position - itemLeft.position;
                      } else {
                        return itemLeft.word.length - itemRight.word.length;
                      }
                    });
                  });

                  // merge hits into slices

                  function mergeIntoSlice(text, start, end, index) {
                    var item = index[index.length - 1];
                    var position = item.position;
                    var word = item.word;
                    var hits = [];
                    var searchTextCountInSlice = 0;
                    while (position + word.length <= end && index.length != 0) {
                      if (word === searchText) {
                        searchTextCountInSlice++;
                      }
                      hits.push({position: position, length: word.length});
                      var wordEnd = position + word.length;

                      // move to next position of hit

                      index.pop();
                      while (index.length != 0) {
                        item = index[index.length - 1];
                        position = item.position;
                        word = item.word;
                        if (wordEnd > position) {
                          index.pop();
                        } else {
                          break;
                        }
                      }
                    }
                    searchTextCount += searchTextCountInSlice;
                    return {
                      hits: hits,
                      start: start,
                      end: end,
                      searchTextCount: searchTextCountInSlice
                    };
                  }

                  var slicesOfTitle = [];
                  if (indexOfTitle.length != 0) {
                    slicesOfTitle.push(mergeIntoSlice(title, 0, title.length, indexOfTitle));
                  }

                  var slicesOfContent = [];
                  while (indexOfContent.length != 0) {
                    var item = indexOfContent[indexOfContent.length - 1];
                    var position = item.position;
                    var word = item.word;
                    // cut out 100 characters
                    var start = position - 20;
                    var end = position + 80;
                    if(start < 0){
                      start = 0;
                    }
                    if (end < position + word.length) {
                      end = position + word.length;
                    }
                    if(end > content.length){
                      end = content.length;
                    }
                    slicesOfContent.push(mergeIntoSlice(content, start, end, indexOfContent));
                  }

                  // sort slices in content by search text's count and hits' count

                  slicesOfContent.sort(function (sliceLeft, sliceRight) {
                    if (sliceLeft.searchTextCount !== sliceRight.searchTextCount) {
                      return sliceRight.searchTextCount - sliceLeft.searchTextCount;
                    } else if (sliceLeft.hits.length !== sliceRight.hits.length) {
                      return sliceRight.hits.length - sliceLeft.hits.length;
                    } else {
                      return sliceLeft.start - sliceRight.start;
                    }
                  });

                  // select top N slices in content

                  var upperBound = parseInt('1');
                  if (upperBound >= 0) {
                    slicesOfContent = slicesOfContent.slice(0, upperBound);
                  }

                  // highlight title and content

                  function highlightKeyword(text, slice) {
                    var result = '';
                    var prevEnd = slice.start;
                    slice.hits.forEach(function (hit) {
                      result += text.substring(prevEnd, hit.position);
                      var end = hit.position + hit.length;
                      result += '<b class="search-keyword">' + text.substring(hit.position, end) + '</b>';
                      prevEnd = end;
                    });
                    result += text.substring(prevEnd, slice.end);
                    return result;
                  }

                  var resultItem = '';

                  if (slicesOfTitle.length != 0) {
                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + highlightKeyword(title, slicesOfTitle[0]) + "</a>";
                  } else {
                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + title + "</a>";
                  }

                  slicesOfContent.forEach(function (slice) {
                    resultItem += "<a href='" + articleUrl + "'>" +
                      "<p class=\"search-result\">" + highlightKeyword(content, slice) +
                      "...</p>" + "</a>";
                  });

                  resultItem += "</li>";
                  resultItems.push({
                    item: resultItem,
                    searchTextCount: searchTextCount,
                    hitCount: hitCount,
                    id: resultItems.length
                  });
                }
              })
            };
            if (keywords.length === 1 && keywords[0] === "") {
              resultContent.innerHTML = '<div id="no-result"><i class="fa fa-search fa-5x" /></div>'
            } else if (resultItems.length === 0) {
              resultContent.innerHTML = '<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>'
            } else {
              resultItems.sort(function (resultLeft, resultRight) {
                if (resultLeft.searchTextCount !== resultRight.searchTextCount) {
                  return resultRight.searchTextCount - resultLeft.searchTextCount;
                } else if (resultLeft.hitCount !== resultRight.hitCount) {
                  return resultRight.hitCount - resultLeft.hitCount;
                } else {
                  return resultRight.id - resultLeft.id;
                }
              });
              var searchResultList = '<ul class=\"search-result-list\">';
              resultItems.forEach(function (result) {
                searchResultList += result.item;
              })
              searchResultList += "</ul>";
              resultContent.innerHTML = searchResultList;
            }
          }

          if ('auto' === 'auto') {
            input.addEventListener('input', inputEventFunction);
          } else {
            $('.search-icon').click(inputEventFunction);
            input.addEventListener('keypress', function (event) {
              if (event.keyCode === 13) {
                inputEventFunction();
              }
            });
          }

          // remove loading animation
          $(".local-search-pop-overlay").remove();
          $('body').css('overflow', '');

          proceedsearch();
        }
      });
    }

    // handle and trigger popup window;
    $('.popup-trigger').click(function(e) {
      e.stopPropagation();
      if (isfetched === false) {
        searchFunc(path, 'local-search-input', 'local-search-result');
      } else {
        proceedsearch();
      };
    });

    $('.popup-btn-close').click(onPopupClose);
    $('.popup').click(function(e){
      e.stopPropagation();
    });
    $(document).on('keyup', function (event) {
      var shouldDismissSearchPopup = event.which === 27 &&
        $('.search-popup').is(':visible');
      if (shouldDismissSearchPopup) {
        onPopupClose();
      }
    });
  </script>





    <script> function showTime(Counter){var entries=[];var $visitors=$('.leancloud_visitors');$visitors.each(function(){entries.push($(this).attr('id').trim());});Counter('get','/classes/Counter',{where:JSON.stringify({url:{'$in':entries}})}).done(function({results}){var COUNT_CONTAINER_REF='.leancloud-visitors-count';if(results.length===0){$visitors.find(COUNT_CONTAINER_REF).text(0);return;}for(var i=0;i<results.length;i++){var item=results[i];var url=item.url;var time=item.time;var element=document.getElementById(url);$(element).find(COUNT_CONTAINER_REF).text(time);}for(var i=0;i<entries.length;i++){var url=entries[i];var element=document.getElementById(url);var countSpan=$(element).find(COUNT_CONTAINER_REF);if(countSpan.text()==''){countSpan.text(0);}}}).fail(function({responseJSON}){console.log('LeanCloud Counter Error: '+responseJSON.code+' '+responseJSON.error);});}$(function(){$.get('https://app-router.leancloud.cn/2/route?appId='+'MFn6psRe8xtnq9sq6lv9MJks-gzGzoHsz').done(function({api_server}){var Counter=function(method,url,data){return $.ajax({method:method,url:'https://'+api_server+'/1.1'+url,headers:{'X-LC-Id':'MFn6psRe8xtnq9sq6lv9MJks-gzGzoHsz','X-LC-Key':'pi8Pa2aH3XpcaovMyqIXVuOP','Content-Type':'application/json',},data:data});}; if($('.post-title-link').length>=1){showTime(Counter);}});});</script>

  

  
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>


  
  
  
  <link rel="stylesheet" href="/blog/lib/needsharebutton/needsharebutton.css">

  
  
  <script src="/blog/lib/needsharebutton/needsharebutton.js"></script>

  <script>
    
      pbOptions = {};
      
          pbOptions.iconStyle = "default";
      
          pbOptions.boxForm = "horizontal";
      
          pbOptions.position = "bottomCenter";
      
          pbOptions.networks = "Weibo,Wechat,Douban,QQZone,Twitter,Facebook";
      
      new needShareButton('#needsharebutton-postbottom', pbOptions);
    
    
  </script>

  

  
  


  

  


  <!-- Tidio 在线联系功能、鼠标点击特效、页面反馈...-->
  <script type="text/javascript" src="/js/src/clipboard.min.js"></script>
<script type="text/javascript" src="/js/src/clipboard-use.js"></script>



  
    <canvas class="fireworks" style="position: fixed;left: 0;top: 0;z-index: 1; pointer-events: none;" ></canvas>
    <script async src="//cdn.bootcss.com/animejs/2.2.0/anime.min.js"></script>
    <script async src="/js/cursor/explosion.min.js"></script>
  










  <script src="/js/src/activate-power-mode.min.js"></script>
  <script>
    POWERMODE.colorful = true;
    POWERMODE.shake = false;
    document.body.addEventListener('input', POWERMODE);
  </script>






  <script async language="javascript">

    var div = document.createElement("div");
    //插入到自定义的theme-info或者copyright之后
    var copyright = document.querySelector(".theme-info2") || document.querySelector(".copyright");

    function show_run_time(){
        window.setTimeout("show_run_time()", 1000);
      // BirthDay=new Date("08/07/2019 20:00:00");
        BirthDay=new Date("08/07/2016 20:00:00");
        today=new Date();
        timeold=(today.getTime()-BirthDay.getTime());
        sectimeold=timeold/1000
        secondsold=Math.floor(sectimeold);
        msPerDay=24*60*60*1000
        e_daysold=timeold/msPerDay
        daysold=Math.floor(e_daysold);
        e_hrsold=(e_daysold-daysold)*24;
        hrsold=setzero(Math.floor(e_hrsold));
        e_minsold=(e_hrsold-hrsold)*60;
        minsold=setzero(Math.floor((e_hrsold-hrsold)*60));
        seconds=setzero(Math.floor((e_minsold-minsold)*60));

        // 使用zh-Hans.yml的文字替换
        div.innerHTML = "我已在此等候你 " + "<span style='color: #1890ff'> " + daysold + " </span> 天 <span style='color: #1890ff'>" + hrsold + " </span>时 <span style='color: #1890ff'>" + minsold + " </span>分 <span style='color: #1890ff'>" + seconds + " </span>秒 ";

        document.querySelector(".footer-inner").insertBefore(div, copyright.nextSibling);

    }
    function setzero(i){
        if (i<10)
        {i="0" + i};
        return i;
    }

    show_run_time();

  </script>




<!-- 旋转魔方 -->

   
      
<style>
  /*最外层容器样式*/
  .wrap {
    width: 0px;
    height: 0px;
    /*margin: 80px;*/
    /*position: relative;*/
	     /*显示位置*/
    position: fixed;
    bottom: 120px;
    right: 240px;
    z-index: 999;
  }

  /*包裹所有容器样式*/
  .cube {
    width: 0px;
    height: 0px;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(-30deg) rotateY(-80deg);
    animation: rotate linear 10s infinite;
  }

  @-webkit-keyframes rotate {
    from {
      transform: rotateX(0deg) rotateY(0deg);
    }
    to {
      transform: rotateX(360deg) rotateY(360deg);
    }
  }

  .cube div {
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    transition: all .4s;
  }

  /*定义所有图片样式*/
  .pic {
    width: 50px;
    height: 50px;
  }

  .cube .out_front {
    transform: rotateY(0deg) translateZ(25px);
  }

  .cube .out_back {
    transform: translateZ(-25px) rotateY(180deg);
  }

  .cube .out_left {
    transform: rotateY(-90deg) translateZ(25px);
  }

  .cube .out_right {
    transform: rotateY(90deg) translateZ(25px);
  }

  .cube .out_top {
    transform: rotateX(90deg) translateZ(25px);
  }

  .cube .out_bottom {
    transform: rotateX(-90deg) translateZ(25px);
  }

  /*定义小正方体样式*/
  .cube span {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 12px;
    left: 12px;
  }

  .cube .in_pic {
    width: 25px;
    height:25px;
  }

  .cube .in_front {
    transform: rotateY(0deg) translateZ(12px);
  }

  .cube .in_back {
    transform: translateZ(-12px) rotateY(180deg);
  }

  .cube .in_left {
    transform: rotateY(-90deg) translateZ(12px);
  }

  .cube .in_right {
    transform: rotateY(90deg) translateZ(12px);
  }

  .cube .in_top {
    transform: rotateX(90deg) translateZ(12px);
  }

  .cube .in_bottom {
    transform: rotateX(-90deg) translateZ(12px);
  }

  /*鼠标移入后样式*/
  .cube:hover .out_front {
    transform: rotateY(0deg) translateZ(50px);
  }

  .cube:hover .out_back {
    transform: translateZ(-50px) rotateY(180deg);
  }

  .cube:hover .out_left {
    transform: rotateY(-90deg) translateZ(50px);
  }

  .cube:hover .out_right {
    transform: rotateY(90deg) translateZ(50px);
  }

  .cube:hover .out_top {
    transform: rotateX(90deg) translateZ(50px);
  }

  .cube:hover .out_bottom {
    transform: rotateX(-90deg) translateZ(50px);
  }
</style>

<div class="wrap">

		<!--包裹所有元素的容器-->
		<div class="cube">
			<!--前面图片 -->
			<div class="out_front">
			  <a onclick="back2top()">
				  <img src="http://cdn.yangchaofan.cn/BlogGifRes/20210307/lAq9mKTioPeO.png" class="pic" />
				</a>
			</div>
			<!--后面图片 -->
			<div class="out_back">
				<a onclick="back2top()">
          <img src="http://cdn.yangchaofan.cn/BlogGifRes/20210307/lAq9mKTioPeO.png" class="pic" />
        </a>
			</div>
			<!--左面图片 -->
			<div class="out_left">
        <a onclick="back2top()">
				  <img src="http://cdn.yangchaofan.cn/BlogGifRes/20210307/lAq9mKTioPeO.png" class="pic" />
				</a>
			</div>
			<!--右面图片 -->
			<div class="out_right">
				<a onclick="back2top()">
          <img src="http://cdn.yangchaofan.cn/BlogGifRes/20210307/lAq9mKTioPeO.png" class="pic" />
        </a>
			</div>
			<!--上面图片 -->
			<div class="out_top">
				<a onclick="back2top()">
          <img src="http://cdn.yangchaofan.cn/BlogGifRes/20210307/lAq9mKTioPeO.png" class="pic" />
        </a>
			</div>
			<!--下面图片 -->
			<div class="out_bottom">
				<a onclick="back2top()">
          <img src="http://cdn.yangchaofan.cn/BlogGifRes/20210307/lAq9mKTioPeO.png" class="pic" />
        </a>
			</div>

			<!--小正方体 -->
			<span class="in_front">
				<img src="https://s2.ax1x.com/2019/10/14/KptCPf.th.jpg" class="in_pic" />
			</span>
			<span class="in_back">
			     <img src="https://s2.ax1x.com/2019/10/14/KptCPf.th.jpg" class="in_pic" />
			</span>
			<span class="in_left">
				<img src="https://s2.ax1x.com/2019/10/14/KptCPf.th.jpg" class="in_pic" />
			</span>
			<span class="in_right">
				<img src="https://s2.ax1x.com/2019/10/14/KptCPf.th.jpg" class="in_pic" />
			</span>
			<span class="in_top">
				<img src="https://s2.ax1x.com/2019/10/14/KptCPf.th.jpg" class="in_pic" />
			</span>
			<span class="in_bottom">
				<img src="https://s2.ax1x.com/2019/10/14/KptCPf.th.jpg" class="in_pic" />
			</span>
		</div>

</div>

<script>
  function back2top(){
    $('html, body').animate({scrollTop: 0}, 500);
  }
</script>

   


<!-- Console 输出第三方个性化字体 -->

  <script async type="text/javascript" src="/blog/figlet/fetch.min.js"></script>
  <script type="text/javascript" src="/blog/figlet/figlet.js"></script>
  <script type="text/javascript">

      figlet.defaults({fontPath: "/figlet/fonts"});
      figlet("Welcome To Leaface", "Big Money-ne", function(err, text) {
          if (err) {
              console.log("something went wrong...");
              console.dir(err);
              return;
          }
          console.log(text);
      });
  </script>


  <!-- Console 输出自定义字体 -->
  
    <script async type="text/javascript">
        var text = "Welcome To Leaface";
        var date = '2021-06-10';
        console.log("%c " + text, "font-size:100px;color:white;border-radius:20px;height:200px; background:-webkit-linear-gradient(yellow,orange,red,green,blue,purple);text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);");
        console.info('\n' + ' %c Leafae Site %c https://www.liaofuzhan.com ' + '\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');
        console.info('\n' + ' %c Leafae QQ %c 793458585 ' + '\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');
        console.info('\n' + ' %c Leafae Wechat %c leaface ' + '\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');
       // console.log("%c Time: " + date, "font-size:100px;white:"+fcolor+";border-radius:20px;height:200px; background:-webkit-linear-gradient(yellow,orange,red,green,blue,purple);text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);  background-image: linear-gradient(to right, orangered, orange, gold, lightgreen, cyan, dodgerblue, mediumpurple, hotpink, orangered);");
       // console.log("%c .", "padding:300px 600px;line-height:10px;background:url(https://s2.ax1x.com/2019/10/17/KkoAJJ.md.png) no-repeat;");
    </script>
  


  <!-- 看板娘 -->
  
      <script async src="/live2d-widget/autoload.js"></script>
  
	<!-- leafacePlayer -->
	
	<script id="lfz" src="http://player.liaofuzhan.com/player/player.js" key=1368557075310858241></script>
	

  

  

  <!-- 代码块复制功能 -->
  <script async type="text/javascript" src="/js/src/clipboard.min.js"></script>
  <script async type="text/javascript" src="/js/src/clipboard-use.js"></script>
 

  <!--share.js-->
  <link async rel="stylesheet" href="/sharejs/css/share.min.css">
  <script async src="/sharejs/js/social-share.min.js"></script>

  <!-- 模仿知乎卡片样式链接、崩溃欺骗特效 -->
  <script async type="text/javascript" src="/js/src/linkcard.js"></script>

  <!--崩溃欺骗 放在js文件最后-->
  <!--
  <script type="text/javascript" src="/js/src/crash_cheat.js"></script>
  -->

 

<script src="/blog/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>
